<template>
	<view @click="clickFun" class="flex colum-gap-10 padding-cross-10 margin-vertical-10">
		<u-avatar :src="src" :size="size"></u-avatar>
		<view class="flex-column flex5 flex-start padding-cross-10">
			<view>
				<text class="font700">{{fullname}}</text>
				<text v-if="showFllower" class="blue padding-cross-10 font700">关注</text>
			</view>
			<text class="opacity5">{{username}}</text>
		</view>
		<view class="flex center padding-cross-10">
			<slot name="right"></slot>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			fullname:String,
			username:String,
			src:String,
			size:{
				type:String|Number,
				default:40
			},
			showFllower:{
				type:Boolean,
				default:true
			},
			clickFun:{
				type:Function,
				default:()=>{
					return ()=>{};
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	
</style>